﻿@model Tecnosop.WebUI.Models.DetallesConvenioViewModel
@{
    ViewBag.Title = "Detalle convenio";
    Layout = "~/Views/Convenio/_LayoutConvenio.cshtml";
}
@section script {
    <script type="text/javascript">
        $(document).ready(function () {
            $("#EquiposEnConvenio .t-grid-add").first().text("Añadir un equipo al convenio").prepend("<span class='t-icon t-add'>");
            $("#EquipoEnConvenioWindow .t-edit-form-container .editor-label").first().css('margin-top', '0px');
            $("#EquipoEnConvenioWindow .t-edit-form-container .editor-field").last().css('margin-bottom', '12px');
        });
    </script>
}
<fieldset>
    <legend>Detalles convenio</legend>

    <div>
        <div style="float: left; width: 400px;">
            <div class="display-label">@Html.LabelFor(model => model.NUMERO_CONVENIO)</div>
            <div class="display-field">@Html.DisplayFor(model => model.NUMERO_CONVENIO)</div>

            <div class="display-label">@Html.LabelFor(model => model.RUT_CLIENTE)</div>
            <div class="display-field">@Html.DisplayFor(model => model.RUT_CLIENTE)</div>

            <div class="display-label">@Html.LabelFor(model => model.NOMBRE_CLIENTE)</div>
            <div class="display-field">@Html.ActionLink(Model.NOMBRE_CLIENTE, MVC.Cliente.Details(Model.RUT_CLIENTE))</div>
            @*@Html.DisplayFor(model => model.NOMBRE_CLIENTE)*@
            <div class="display-label">@Html.LabelFor(model => model.FECHA_CONVENIO)</div>
            <div class="display-field">@Html.DisplayFor(model => model.FECHA_CONVENIO)</div>

            <div class="display-label">@Html.LabelFor(model => model.DIA_FACTURACION)</div>
            <div class="display-field">@Html.DisplayFor(model => model.DIA_FACTURACION)</div>

            <div class="display-label">@Html.LabelFor(model => model.FECHA_VENCIMIENTO)</div>
            <div class="display-field">
                @(Model.FECHA_VENCIMIENTO.Equals(DateTime.MinValue)
                    ? new MvcHtmlString("Sin fecha de término")
                    : Html.DisplayFor(model => model.FECHA_VENCIMIENTO))
            </div>
            
            <br />

            <fieldset style="margin-right: 15px;">
                <legend style="font-size: small;">Datos representate legal</legend>
                <div class="display-label">@Html.LabelFor(model => model.NOMBRE_REPRESENTANTE_LEGAL)</div>
                <div class="display-field">
                    @(!String.IsNullOrEmpty(Model.NOMBRE_REPRESENTANTE_LEGAL)
                        ? Html.DisplayFor(model => model.NOMBRE_REPRESENTANTE_LEGAL)
                        : new MvcHtmlString("--- Sin datos ---"))
                </div>

                <div class="display-label">@Html.LabelFor(model => model.RUT_REPRESENTANTE_LEGAL)</div>
                <div class="display-field">
                    @(!String.IsNullOrEmpty(Model.RUT_REPRESENTANTE_LEGAL)
                        ? Html.DisplayFor(model => model.RUT_REPRESENTANTE_LEGAL)
                        : new MvcHtmlString("--- Sin datos ---"))
                </div>

                <div class="display-label">@Html.LabelFor(model => model.TELEFONO_REPRESENTANTE_LEGAL)</div>
                <div class="display-field">
                    @(!String.IsNullOrEmpty(Model.TELEFONO_REPRESENTANTE_LEGAL)
                        ? Html.DisplayFor(model => model.TELEFONO_REPRESENTANTE_LEGAL)
                        : new MvcHtmlString("--- Sin datos ---"))
                </div>
            </fieldset>
        </div>

        <fieldset class="innertube">
            <legend>Equipos en convenio</legend>
            <div style="height: 326px;">
                @(Html.Telerik().Grid(Model.EquiposEnConvenio)
                    .Name("EquiposEnConvenio")
                    .DataKeys(keys =>
                    {
                        keys.Add(k => k.NUMERO_EQUIPO_EN_CONVENIO).RouteKey("NUMERO_EQUIPO_EN_CONVENIO");
                        keys.Add(k => k.NUMERO_CONVENIO).RouteKey("NUMERO_CONVENIO");
                    })
                    .ToolBar(tb => tb.Insert()
                        .ButtonType(GridButtonType.ImageAndText)
                        .HtmlAttributes(new { @class = "nice radius thin green button" }))
                    .DataBinding(dataBinding => dataBinding.Server()
                        .Update(MVC.Convenio.ActionNames.GridEditEquipoEnConvenio, MVC.Convenio.Name)
                        .Insert(MVC.Convenio.ActionNames.GridAddEquipoEnConvenio, MVC.Convenio.Name, new { id = Model.NUMERO_CONVENIO })
                        .Delete(MVC.Convenio.ActionNames.GridDeleteEquipoEnConvenio, MVC.Convenio.Name))
                    .Columns(colummns =>
                    {
                        colummns.Bound(c => c.NUMERO_CONSIGNACION)
                            .Template(equipo =>
                                Html.ActionLink(equipo.NUMERO_CONSIGNACION.ToString(), MVC.Convenio.DetailsEquipoEnConvenio(equipo.NUMERO_CONVENIO, equipo.NUMERO_EQUIPO_EN_CONVENIO)))
                            .Width(105);
                        colummns.Bound(c => c.DIRECCION_EQUIPO);
                        colummns.Bound(c => c.FECHA_INSTALACION).Width(140);
                        colummns.Bound(c => c.CONTADOR_SALIDA_BODEGA_EQUIPO_BN).Width(120);
                        colummns.Bound(c => c.CONTADOR_SALIDA_BODEGA_EQUIPO_COLOR).Width(120);
                        
                        colummns.Command(cmd =>
                        {
                            //cmd.Custom("Detalles")
                            //    .Text("D")
                            //    .ButtonType(GridButtonType.Image)
                            //    .ImageHtmlAttributes(new { @class = "t-icon t-tool" })
                                //.ImageHtmlAttributes()
                                //.HtmlAttributes(new { @class = "nice radius verysmall blue button" })
                                //.Action(MVC.Convenio.ActionNames.DetailsEquipoEnConvenio, MVC.Convenio.Name);
                            cmd.Edit()
                                .ButtonType(GridButtonType.Image);
                            cmd.Delete()
                                .ButtonType(GridButtonType.Image);
                        }).Width(81);
                    })
                    .DetailView(details => details.Template(
                        @<text>
                        <ul style="float: left; width: 220px; padding-left: 0px;">
                            <li>Tipo Equipo: @item.TIPO_EQUIPO</li>
                            <li>Marca: @item.MARCA_EQUIPO</li>
                            <li>Modelo: @item.MODELO_EQUIPO</li>
                        </ul>
                        <ul>
                            <li>Nombre encargado: @(item.NOMBRE_ENCARGADO_EQUIPO ?? "---------")</li>
                            <li>Teléfono: @(item.TELEFONO_ENCARGADO_EQUIPO ?? "---------")</li>
                        </ul>
                        </text>))
                    .Editable(e => e.Mode(GridEditMode.PopUp)
                        .Window(w => w
                            .Name("EquipoEnConvenioWindow")
                            .Title("Equipos en convenio")
                            .Width(300)))
                    .Pageable(p => p.PageSize(7))
                    .Sortable()
                    .Scrollable(s => s.Height(220))
                    .PrefixUrlParameters(false)
                )
            </div>
        </fieldset>
    </div>

    <br />
    <hr />
    <p>
        @Html.ActionLink("Volver", MVC.Convenio.Index(), new { @class = "nice radius small blue button" })
        @*<button type="button" class="nice radius small blue button" onclick="history.back()">Volver</button>*@
        @Html.ActionLink("Editar", MVC.Convenio.Edit(Model.NUMERO_CONVENIO), new { @class = "nice radius small white button" })
        @Html.ActionLink("Guia de despacho convenio", MVC.GuiaDespacho.CreateConConcenioAsociada(Model.NUMERO_CONVENIO), new { @class = "nice radius small red button" })
    </p>
</fieldset>
